﻿@charset "utf-8";
/*全局样式---------------------------------------------*/
*{margin: 0;padding: 0;text-decoration: none;font-family:"微软雅黑";list-style: none;}
.bg_pic {background: url(../img/bg01.png) repeat; width:100%;}
html,body{width:100%;height:100%}
.mainWidth{width: 1300px;margin: 0 auto;text-align: center;}

/*----------*/
/*头部开始-------------------*/
#head{height: 144px;background-color: transparent;width: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
#head.scroll1{background-color: #fff;box-shadow: 0px 1px 10px 1px #000; }
#headTip{text-align: right;color:#fff;background-color: #245ba9;height: 40px;}
#headNav{background-color: transparent;height: 100px;}
#headTip>div{line-height: 40px;font-weight:bold;text-align: right;}
#headNav>div{height: 100px;}
#headNav ul#navUl{width: 800px;height: 100px;float: right;}
#headNav #logo{height:83px;width:253px;float: left;margin-top:12px;background: url(../img/logoA.png) no-repeat;background-position: 0 -83px;}
#head.scroll1 #logo{background-position: 0 0px;}
#headNav li.navList{height: 100px;line-height: 150px;float: left;width: 85px;text-align: center;color:#fff;cursor:pointer;}
#headNav li.navList02 { border-bottom:0px !important;}
#head.scroll1 li.navList{color:#245ba9;}
/*头部结束-------------------*/

/*中间内容开始-------------------*/
.body_content.flexslider{overflow-x: hidden;}
#companyLeft{width: 100%;height: 400px;text-align:left;}
#companyRight{width: 1300px;height: 400px;text-align:left;}
#aptitude.flexslider img{width: 100%;vertical-align: middle;border:none;display: inline-block;}
.companyTip{height: 50px;line-height: 50px;font-size:16px;font-weight:bold;}
#aptitude{width: 100%;height: 300px;}
#aptitude .flex-control-nav{bottom:-20px;}
#aptitude .slides{display: inline-block;height: 100%;overflow:hidden;}
#aptitude .slides>li{vertical-align:middle;height: 100%;margin-left: 7px;}
#aptitude .slides>li>a{display: inline-block;vertical-align:middle;height: 100%;width: 100%;position: relative;}
.contactMenu{width:80px;height:auto;position:fixed;right:10px;top:40%;z-index:999}
.circle{width:60px;height:60px;margin:0 auto;background:#474747;border-radius:30px;margin-top:5px;text-align:center;}
.circle:hover{background:#ff9c00}
.circle img{padding-top:20px;}
.phoneMenu{width:170px;height:66px;display:none;background:url("../img/infoMenu.png") no-repeat;position:absolute;top:68px;right:70px;font-size:16px;color:white;font-weight:bold;text-indent:20px;line-height:25px;padding-top:5px;}
.erweimaMenu{width:170px;height:170px;border:1px solid #9B9B9B;position:absolute;top:65px;right:75px;display:none; background:#fff;}
.saoyisao{width:100%;height:30px;line-height:30px;text-align:center;background-color:white}
.aptitudeTip{position: absolute;bottom: 0;width: 100%;line-height: 40px;text-align: center;color:#fff;}
.aptitudeTip.bgc{background:rgba(0,0,0,0.9);opacity: 0.6;filter:alpha(opacity=60);}
.testSpan{display: inline-block;height:100%;vertical-align:middle;}
#companyText{width: 100%;height: 350px;}
#companyText p{text-indent: 2em;line-height: 1.9}
.companyIcon{background:url("../img/icon.png") no-repeat;display:block;background-position-y:12px;width:50px;height:50px;float:left}
.companyText{display:inline-block;width:200px;height:50px;}
.companyInfo{font-size:14px;margin:5px 0 5px 0}
#productService{height: 900px;padding: 30px 0 0 0;}
#productService .p2{font-size:1.5em;font-weight:bold;}
#productService .p3{font-size:1.2em;color:#9B9B9B;line-height: 2.5;padding: 0 0 40px 0;}
.productUl,.aboutAlbum{overflow: auto;}
.productList{width: 33.3333333%;height:310px;float: left;padding:0px 10px;box-sizing: border-box;position: relative;cursor:pointer }
.productList img{width:100%; height:220px;  border:1px solid #eee;}
.aboutList{width: 33.3333333%;height: 300px;float: left;padding: 1px;box-sizing: border-box;position: relative;}
.aboutList img{width: 100%;height: 100%;display: block;}
.aboutExplainList{width:1300px;height:400px;margin:0 auto}
.aboutContent{width:1300px;margin:0 auto;text-align:left;margin-top:10px;margin-bottom:10px;}
.mission{width:33.17%;height:100%;float:left;margin:1px;background:#f2f2f2;box-sizing: border-box;}
.mission_title{height:45px;line-height:45px;background:#4FA0EA;font-size:22px;font-weight:bold;color:white}
.mission_content{padding:20px;text-align: left;font-size: 16px;line-height: 25px; color: #444;}
    .mission_content h3 { margin-bottom:10px;
    
    }
    /*关于我们样式*/
.focus-box{width: 1260px; height: 23%; margin: 0 auto;position: relative;}
.slides_div{width: 400px;height: 250px; float: left;margin: 10px;}
.slides_div img{width: 100%; height: 100%;}

.mission_content p {
    margin-bottom: 8px;
}
.jobList{height:675px;color:white;background: url(../img/zhaopin.jpg) top no-repeat; padding-top: 100px; padding-bottom:20px;}
.jobs{width:1300px;margin:0 auto;text-align:left}
.list{display: inline-block;height: 25px;border-radius: 20px;background: #66696c;line-height: 25px;text-align: center;padding: 0 10px 0 10px;margin-bottom: 10px;cursor:pointer}
.listAction{border:2px solid #32638b; background: #32638b;}
.jobbg{background:rgba(51,115,167,0.7);height:100%; width:1000px;padding:20px 70px 20px 70px !important;line-height: 30px;}
.jobList_con::-webkit-scrollbar
{
    border-radius:10px;
	width: 10px;
	background-color: #F5F5F5;
}
.jobList_con::-webkit-scrollbar-thumb
{border-radius: 10px;background-image: -webkit-gradient(linear,
									   left bottom,
									   left top,
									   color-stop(0.44, rgb(122,153,217)),
									   color-stop(0.72, rgb(73,125,189)),
									   color-stop(0.86, rgb(28,58,148)));
}
.jobList ol{ display:none !important;}
.jobList_con { height:525px;overflow-y:auto;}

.jobNav_left{float:left;width:160px;text-align:center}
.jobNav_right{float:left;width:1140px; overflow:hidden; }
.fuli{width:100%;height:50px;background:url("../img/fuli.png") no-repeat;background-size:100%;line-height:50px;cursor:pointer}
.active{background:url("../img/yaoqiu.png") no-repeat; background-size:100%}
.productList>img{width: 100%;height:255px;display: block;}
.productTip{bottom: 0;width: 100%;line-height:45px;text-align: center;color:#333;background:#eeeeee;  border:1px solid #eee;}


#solve{padding: 30px 0 0 0;height: 850px;background-color:#3a8cce}
#solve .p3{color:#fff;line-height: 3;font-size:1.4em;}
#solve .p4{color:#aacdea;line-height: 1.4;}
#solveUl{margin-top: 30px;}
.solveList{width: 33.333333%;height: 300px;position: relative;float: left;cursor:pointer}
.solveList img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;transition:all .4s;}
.solveList>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;line-height: 22;color:#fff;z-index: 3;font-size:1.4em;display: inline-block;}
#case{padding: 30px 0 0 0;height:730px;}
.caseTop{line-height: 30px;margin: 0 auto;width: 220px;color:#000;height: 30px; margin-top:20px;}
.caseTop>span{display: inline-block;float: left;width: 20px;}
.caseTabs{color:#000;float: left;width: 100px;text-align: center;cursor:pointer;}
.caseTabs.caseAttack{color:#4FA0EA;font-weight:bold;cursor:default;}
.caseBody .digg{text-align: center;}
.caseBody .digg span,.caseBody .digg a{display: inline-block;float:none;}

.magic_16>div{position: absolute;background-color: #fff;transition: all .7s cubic-bezier(.78,.29,0,.97);z-index: 4}
.magic_16>.magic_16_top{width: 0px;left: 10px;top: 10px;height: 12px;}
.magic_16>.magic_16_left{width: 12px;right: 411px;bottom: 10px;height: 0px;}
.magic_16>.magic_16_right{width: 12px;left: 411px;top: 10px;height: 0px;}
.magic_16>.magic_16_bottom{width: 0px;right: 10px;bottom: 10px;height: 12px;}
.magic_16:hover>.magic_16_top{width: 410px;}
.magic_16:hover>.magic_16_left{height: 280px;}
.magic_16:hover>.magic_16_right{height: 280px;}
.magic_16:hover>.magic_16_bottom{width: 410px;}
.newsUl{margin-top: 30px;height: 650px;    overflow: hidden;}
.newsList{width:630px;height: 200px;float: left;box-sizing: border-box;position: relative;border:1px solid #dcdcdc;margin:10px 0 0 10px; background-color:#fff;}
.newsIcon{float:left;width:40%;height:98%;padding:2px;}
.newsText{float:left;width:55%;height:94%;padding: 10px}
.newsIcon img{width:100%;height:100%}
.new_title{font-size:16px;font-weight:bold}
.zhaiyao{font-size:14px;padding-top: 10px;text-indent: 25px;color: #666;line-height: 25px;}
.newsDetails{position:absolute;right:10px;bottom:10px;color: #3a8cce;font-size: 14px;}
.recruit{text-align:center}
.helpTop{line-height: 30px;margin: 0 auto;width: 350px;color:#000;height: 30px; margin-top:20px;}
.helpTop>span{display: inline-block;float: left;width: 20px;}
.helpTabs{color:#000;float: left;width: 100px;text-align: center;cursor:pointer;}
.helpTabs.helpAttack{color:#4FA0EA;font-weight:bold;cursor:default;}
.bottom{height:755px;background:url("../img/map.png") no-repeat;margin-top:15px}
.empty{height:43.4%;}
.mapcontent{height:56.6%;background:rgba(51,51,51,0.8);}
.lianxi{width:160px;height:50px;line-height:50px;text-align:center;background:url("../img/contac.png") no-repeat;margin:0 auto;font-size:18px;font-weight:bold;color:white}
.contacontent{width:1200px;height:340px;margin:0 auto}
.contacleft{width:70%;height:100%;float:left}
.contacleft label{color:white}
.contaclist{margin:20px 0 20px 0}
.contacright{width:30%;height:100%;float:left;color:white}
.btnClass{width:100px;height:33px;background:url("../img/commit.png") no-repeat;background-size:100%;line-height:33px;text-align:center;float:right;cursor:pointer;color:white;border:none;outline:none}
.questionList{}
.questionContent{ font-size:12px; line-height:25px; background:rgba(221, 224, 225, 0.53);display:none;padding:15px;}
.questionContent h3{margin-bottom:10px;}
.questionContent { }
.questionTitle{font-size:16px;border-bottom: 1px dashed #dcdcdc;padding:10px;cursor:pointer}
.questionTitle:hover{color: #4FA0EA; background-color: #f2f2f2;}
.attach-list { font-size:14px;}
.download-file-name { font-weight:bold;}
.serverImg{width:1000px;text-align:center;height:160px;margin:0 auto}
.serverlist{width:200px;height:100%;float:left}
.server_title{font-size:16px;font-weight:bold;margin-top:10px;}
.server_content{margin-top:5px;}
.serverTips{font-size:16px;font-weight:bold;margin:10px 0 10px 0}
.serverText{height:580px;background:#f2f2f2}
.serverFail{margin-top:15px;}
.server_up{height:50%;padding:10px;}
.server_down{height:50%;padding:10px;}
.serverIcon1{width:160px;height:30px;background:url("../img/first.png") no-repeat}
.serverIcon2{width:160px;height:30px;background:url("../img/second.png") no-repeat}
.serverIcon3{width:195px;height:30px;background:url("../img/third.png") no-repeat}
.server_down_list{width:50%;float:left}
.server_text{padding-left:20px;}
.down_list_info {font-size: 14px;font-weight: bold;border-bottom: 1px dashed #dcdcdc;padding: 10px;}
.down_list_info a { float:right;}
.filedown{float:right}
.sendMail{display:block;float:right;cursor:pointer;margin-right:20px;text-decoration:none;color:white}
/*中间内容结束-------------------*/

/*底部信息*/
.footer{height:100px;background:#333333;color:#999999;text-align:center;font-size:14px;    padding-top: 20px;}
.footerUl{height:35px;line-height:35px;display:table;margin:0 auto}
.footerUl li{width:65px;height:100%;float:left;margin-left:20px;cursor:pointer}
.foot{height:50%}

/*遮罩层*/
.Mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(25, 23, 23, 0.7);z-index: 9999;}
.content_center{width:70%;min-height:75%;margin:0 auto;background:white;position:fixed}
.cancel{width:30px;height:30px;float:right;margin-top:15px;margin-right:20px;text-align:center;line-height:30px;cursor:pointer}
.cancel:hover{color:red}
.frameImg{width:90%;height:70%;margin:0 auto;margin-top:70px;text-align:center}